<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">

    <body>

        <ui:composition template="./serviceCalculator.xhtml">

            <ui:define name="tabContent">
                <h:form id="tinhCauForm">
                    <p:panel rendered="#{!cauCalculatorBean.calculatable and !cauCalculatorBean.calculating and !cauCalculatorBean.calculateFailed and !cauCalculatorBean.calculateSuccessful}">
                        Việc tính cầu chỉ thực hiện từ 0h - 12h và từ 20h-23h. <br/>
                        Hãy quay lại tính cầu 2 khoảng thời gian này.
                    </p:panel>

                    <p:panel rendered="#{cauCalculatorBean.calculatable}">
                        Việc tính cầu hôm nay chưa hoàn thành
                        <p:commandButton ajax="false" action="#{cauCalculatorBean.tinhCau()}" value="Tính"/>
                    </p:panel>

                    <p:panel rendered="#{cauCalculatorBean.calculating}">
                        Việc tính cầu hôm nay đang được diễn ra. Vui lòng quay lại trang này trong vài phút nữa
                    </p:panel>

                    <p:panel rendered="#{cauCalculatorBean.calculateFailed}">
                        Việc tính cầu hôm nay chưa hoàn thành. Lần tính cuối thất bại lúc:
                        <h:outputText value="#{cauCalculatorBean.tinhCauRs.tinhCauRsPK.time}">
                            <f:convertDateTime pattern="dd/MM/yyyy hh:mm:ss" timeZone="Asia/Saigon"/>
                        </h:outputText>
                        <p:commandButton ajax="false" action="#{cauCalculatorBean.tinhCau()}" value="Tính lại"/>
                    </p:panel>

                    <p:panel rendered="#{cauCalculatorBean.calculateSuccessful}">
                        Việc tính cầu hôm nay đã được thực hiện lúc:
                        <h:outputText value="#{cauCalculatorBean.tinhCauRs.tinhCauRsPK.time}">
                            <f:convertDateTime pattern="dd/MM/yyyy hh:mm:ss" timeZone="Asia/Saigon"/>
                        </h:outputText>
                        <br/>
                        <br/>
                        <p:dataTable id="ketResult" value="#{cauCalculatorBean.list}" var="item" resizableColumns="true" 
                                     paginator="#{cauCalculatorBean.list.size() >100}" rows="100" >

                            <p:column headerText="Mã Tỉnh" sortBy="#{item.boSoTrungThuongPK.maTinh}" filterBy="#{item.boSoTrungThuongPK.maTinh}" filterMatchMode="contains">
                                #{item.boSoTrungThuongPK.maTinh}
                            </p:column>
                            <p:column headerText="Bộ số" sortBy="#{item.boSoTrungThuongPK.boSo}" filterBy="#{item.boSoTrungThuongPK.boSo}" filterMatchMode="contains">
                                #{item.boSoTrungThuongPK.boSo}
                            </p:column>

                        </p:dataTable>
                    </p:panel>
                </h:form>
            </ui:define>

        </ui:composition>

    </body>
</html>
